<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>修改发布房源</title>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!-- Bootstrap -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <script src="../js/jquery.tmpl.js"></script>
    <![endif]-->
</head>
<body style="overflow-x: hidden">
<!--引入导航栏-->
<nav th:replace="~{topbar::top}"></nav>

<div class="jumbotron" style="padding-top: 40px;  height: 10rem; background-image: url(static/images/back01.jpg);">
    <div class="text-center">
        <span style="font-size: 33px; font-weight: bold; font-family: 'Hiragino Sans GB', 'Microsoft Yahei UI', 'Microsoft Yahei', 微软雅黑, 'Segoe UI', Tahoma, 宋体b8b体, SimSun, sans-serif;">修改房源信息</span>
    </div>
</div>

<form class="form-inline" action="/update_house_after" method="post">
    <input th:value="${house.houseId}" type="hidden" name="houseId">
    <input th:value="${house.agentId}" type="hidden" name="agentId">
    <input th:value="${house.city}" type="hidden" name="city">
    <div class="container" style="padding-top: 20px">
        <div class="row form-group" style="padding-left: 20rem">
            <label for="housename" style="padding-right: 30px; font-weight: bold; font-family: 'Hiragino Sans GB', 'Microsoft Yahei UI', 'Microsoft Yahei', 微软雅黑, 'Segoe UI', Tahoma, 宋体b8b体, SimSun, sans-serif;">
                房源名
            </label>
            <input th:value="${house.houseName}" type="text" name="houseName" class="form-control" id="housename" placeholder="请输入房源名称" style="width: 50rem">
        </div>
        <div class="row" style=" padding-top: 20px;padding-bottom: 20px"><hr style="background-color: aliceblue; height: 2px; margin: unset; border: unset"></div>
        <div class="row form-group" style="padding-left: 20rem">
            <label style="padding-right: 30px; display:inline;font-weight: bold; font-family: 'Hiragino Sans GB', 'Microsoft Yahei UI', 'Microsoft Yahei', 微软雅黑, 'Segoe UI', Tahoma, 宋体b8b体, SimSun, sans-serif;">
                小区名
            </label>
            <input readonly th:value="${house.estateName}" type="text" name="estateName" class="form-control" id="estateName"  style="width: 50rem">

        </div>
        <div class="row" style=" padding-top: 20px;padding-bottom: 20px"><hr style="background-color: aliceblue; height: 2px; margin: unset; border: unset"></div>
        <div class="row form-group" style="padding-left: 20rem">
            <label for="price" style="padding-right: 18px; font-weight: bold; font-family: 'Hiragino Sans GB', 'Microsoft Yahei UI', 'Microsoft Yahei', 微软雅黑, 'Segoe UI', Tahoma, 宋体b8b体, SimSun, sans-serif;">
                期望售价
            </label>
            <input th:value="${house.price}" type="text" name="price" class="form-control" id="price" placeholder="请输入您期望的总售价" style="width: 582px"><label>&nbsp;万&nbsp;</label>
        </div>
        <div class="row" style=" padding-top: 20px;padding-bottom: 20px"><hr style="background-color: aliceblue; height: 2px; margin: unset; border: unset"></div>
        <div class="row form-group" style="padding-left: 20rem">
            <label for="house_area" style="padding-right: 30px; font-weight: bold; font-family: 'Hiragino Sans GB', 'Microsoft Yahei UI', 'Microsoft Yahei', 微软雅黑, 'Segoe UI', Tahoma, 宋体b8b体, SimSun, sans-serif;">
                总面积
            </label>
            <input th:value="${house.houseArea}" type="text" name="houseArea" class="form-control" id="house_area" placeholder="请输入房屋总面积" style="width: 50rem">
        </div>
        <div class="row" style=" padding-top: 20px;padding-bottom: 20px"><hr style="background-color: aliceblue; height: 2px; margin: unset; border: unset"></div>
        <div class="row form-group" style="padding-left: 20rem">
            <label style="padding-right: 18px; font-weight: bold; font-family: 'Hiragino Sans GB', 'Microsoft Yahei UI', 'Microsoft Yahei', 微软雅黑, 'Segoe UI', Tahoma, 宋体b8b体, SimSun, sans-serif;">
                房屋布局
            </label>
            <input th:value="${house.scale}" type="text" name="scale" class="form-control" style="width: 50rem">
        </div>
        <div class="row" style=" padding-top: 20px;padding-bottom: 20px"><hr style="background-color: aliceblue; height: 2px; margin: unset; border: unset"></div>
        <div class="row form-group" style="padding-left: 20rem">
            <label style="padding-right: 18px; font-weight: bold; font-family: 'Hiragino Sans GB', 'Microsoft Yahei UI', 'Microsoft Yahei', 微软雅黑, 'Segoe UI', Tahoma, 宋体b8b体, SimSun, sans-serif;">
                房屋朝向
            </label>
            <input th:value="${house.orientation}" type="text" name="orientation" class="form-control" id="orientation" placeholder="请输入房屋朝向" style="width: 50rem">
        </div>
        <div class="row" style=" padding-top: 20px;padding-bottom: 20px"><hr style="background-color: aliceblue; height: 2px; margin: unset; border: unset"></div>
        <div class="row form-group" style="padding-left: 20rem">
        <span style="padding-right: 18px; font-weight: bold; font-family: 'Hiragino Sans GB', 'Microsoft Yahei UI', 'Microsoft Yahei', 微软雅黑, 'Segoe UI', Tahoma, 宋体b8b体, SimSun, sans-serif;">
            装修类型
        </span>
            <input th:value="${house.decoration}" type="text" name="decoration" class="form-control" id="decoration" placeholder="精装/简装/毛坯/其他" style="width: 50rem">
        </div>
        <div class="row" style=" padding-top: 20px;padding-bottom: 20px"><hr style="background-color: aliceblue; height: 2px; margin: unset; border: unset"></div>
        <div class="row form-group" style="padding-left: 20rem">
        <span style="padding-right: 18px; font-weight: bold; font-family: 'Hiragino Sans GB', 'Microsoft Yahei UI', 'Microsoft Yahei', 微软雅黑, 'Segoe UI', Tahoma, 宋体b8b体, SimSun, sans-serif;">
            所处楼层
        </span>
            <input th:value="${house.floor}" type="text" name="floor" class="form-control" id="orientation" placeholder="高/低楼层（共几楼）" style="width: 50rem">
        </div>
        <div class="row" style=" padding-top: 20px;padding-bottom: 20px"><hr style="background-color: aliceblue; height: 2px; margin: unset; border: unset"></div>
        <div class="row form-group" style="padding-left: 20rem">
        <span style="padding-right: 18px; font-weight: bold; font-family: 'Hiragino Sans GB', 'Microsoft Yahei UI', 'Microsoft Yahei', 微软雅黑, 'Segoe UI', Tahoma, 宋体b8b体, SimSun, sans-serif;">
            有无电梯
        </span>
            <select style="width: 50rem; height: 34px; border-radius: 4px; border: 1px solid #b6bec5" name="hasLift" class="ui_select01">
                <option th:unless="${house.hasLift}"  value="true" >有</option>
                <option th:if="${house.hasLift}"  value="true" selected="selected" >有</option>
                <option th:if="${house.hasLift}"  value="false" >无</option>
                <option th:unless="${house.hasLift}"  value="false" selected="selected" >无</option>
            </select>
        </div>
        <div class="row" style=" padding-top: 20px;padding-bottom: 20px"><hr style="background-color: aliceblue; height: 2px; margin: unset; border: unset"></div>
    </div>
    <div class="container">
        <div class="row text-center">
            <button type="submit" class="btn btn-primary" style="margin-right: 50px; width: 90px; margin-bottom: 40px">提交修改</button>
            <button type="reset" class="btn btn-danger" style="margin-right: 50px; width: 90px; margin-bottom: 40px">重置</button>
        </div>
    </div>

</form>

</body>
</html>